<template>
  <footer class="footer">
    <span class="todo-count">
      <strong></strong> 1 item left
    </span>
    <ul class="filters">
      <li>
        <a
          href=""
          >All</a
        >
      </li>
      <li>
        <a
          href=""
          >Active</a
        >
      </li>
      <li>
        <!-- :class="{ selected: visibility == 'Completed'} -->
        <a
          href=""
          >Completed</a
        >
      </li>
    </ul>
    <button
      class="clear-completed"
    >
      Clear completed
    </button>
  </footer>
</template>

<script setup>

</script>